<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<!-- 
		Replace path to template, title, header and body
		with actual data.
	 -->
<ui:composition template="/templates/store.xhtml">
	<ui:define name="pageTitle">Votre panier</ui:define>
	<ui:define name="pageHead"></ui:define>
	<ui:define name="first"></ui:define>
	<ui:define name="body">

		<div class="row">
			<div class="margin-top-medium">
				<h2>Votre Panier</h2><br/>
			</div>
		</div>

		<div class="row">
			<div class="medium-6 small-12 columns ">
				<div class="row catalogue-item">
					<div class="small-2 columns">
						<img src="../img/imgtest/plage.jpeg" alt="not found" />
					</div>
					<div class="small-4 columns">
						<p>Nom du rêve</p>
						<p>Prix du rêve</p>
					</div>
					<div class="small-6 columns">
						<div class="row">
							<a href="#">Supprimer rêve du panier<img width="20"
								height="20" src="../img/imgtest/supprimer.png" alt="not found" /></a>
						</div>
						<div class="row collapse">
							<div class="large-2 columns">
								<input type="text" placeholder="1" />
							</div>
							<div class="large-10 columns">
								<a href="#" class="button radius tiny">+</a>
							</div>
						</div>
					</div>
				</div>

				<br />

				<div class="row catalogue-item">
					<div class="small-2 columns">
						<img src="../img/imgtest/plage.jpeg" alt="not found" />
					</div>
					<div class="small-4 columns">
						<p>Vacances de rêves</p>
						<p>999999,99 €</p>
					</div>
					<div class="small-6 columns">
						<div class="row">
							<a href="#">Supprimer rêve du panier<img width="20"
								height="20" src="../img/imgtest/supprimer.png" alt="not found" /></a>
						</div>
						<div class="row collapse">
							<div class="large-2 columns">
								<input type="text" placeholder="1" />
							</div>
							<div class="large-10 columns">
								<a href="#" class="button radius tiny">+</a>
							</div>
						</div>
					</div>
				</div>

			</div>

			<div class="medium-3 medium-offset-3 small-12 columns reves-item">

				<p>TOTAL</p>
				<p>prix en €</p>
				<a href="#" class="button radius tiny">Passer la commande</a> <br />
				<a href="#" class="button radius tiny">Retour achat</a> <br />

			</div>

		</div>

	</ui:define>
	<ui:define name="last"></ui:define>
</ui:composition>

</html>